<template>
  <div class=''>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="座席分配" name="agentAssign"></el-tab-pane>
      <el-tab-pane label="敏感词监测" name="Sensitive"></el-tab-pane>
    </el-tabs>
    <keep-alive>
      <component :is="activeName"
                 class="content"></component>
    </keep-alive>
  </div>
</template>

<script>
  import agentAssign from './agentAssign.vue'
  import Sensitive from './Sensitive.vue'
  export default {
    components: {
      agentAssign,
      Sensitive
    },
    data() {
      return {
        activeName: 'agentAssign'
      }
    },
    computed: {},
    watch: {},
    methods: {
      handleClick () {}
    },
    created() {

    },
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {

    },
    beforeMount() {}, //生命周期 - 挂载之前
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../../assets/common.styl"
</style>